<template>
    <div class="login">
        <form method="post">
            <div>username:<input  autocomplete="off" type="text" name="sId"></div>
            <div>password:<input type="password" name="pwd"></div>
            <span class="subForm">Submit</span>

        </form>
    </div>
</template>

<script>
    export default {
        name: "register",
        data() {
            return {


            }
        },

    }
</script>

<style scoped>
    .login form {
        width: 300px;
        height: 150px;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /*top: ;*/
        left: 50%;
        transform: translateX(-50%);
        border: solid 1px #909193;
    }

    .login form > div {
        margin-bottom: 10px;
    }

    input {
        outline: none;
        border: none;
        border-bottom: 1px solid black;
        background-color: transparent;
        padding: 6px;
    }

    .subForm {
        cursor: pointer;
        padding: 5px 10px;
        border: solid 1px;
    }
</style>
